// customize style
body {
	&::-webkit-scrollbar-track {
		background-color: rgba(255, 255, 255, 0);
	}

	&::-webkit-scrollbar-thumb {
		border-radius: 8px;
	}

	&::-webkit-scrollbar {
		width: 8px;
	}
}

// Element-ui theme
.el-input-number {
	.el-input-number__decrease,
	.el-input-number__increase {
		border: 0 !important;
		background-color: transparent;
	}
}

.el-dialog {
	.el-dialog__header {
		padding: 10px;
		text-align: center;
		border-bottom: 1px solid #f7f7f7;

		.el-dialog__title {
			font-size: 15px;
			letter-spacing: 0.5px;
		}

		.el-dialog__headerbtn {
			top: 13px;

			.el-dialog__close {
				font-size: 18px;
			}
		}
	}

	.el-dialog__body {
		padding: 20px;
	}

	.el-dialog__footer {
		padding-bottom: 15px;
	}
}

.el-message {
	&.el-message--success,
	&.el-message--error,
	&.el-message--info,
	&.el-message--warning {
		min-width: auto;
		background-color: #fff;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
		border: 0;
		padding: 12px 20px 12px 15px;

		.el-message__content {
			color: #999;
		}

		.el-message__icon {
			font-size: 20px;
		}
	}
}

.el-table {
	&__header {
		th {
			padding: 0 !important;
			background-color: #ebeef5 !important;
			height: 36px;
			line-height: 36px;
		}

		.cell {
			color: #333333;
			font-weight: normal;
		}
	}

	&__column {
		&-filter-trigger {
			margin-left: 5px;
		}
	}

	&-column--selection {
		.cell {
			padding: 0 14px !important;
		}
	}
}

.el-table-filter {
	margin-top: 5px !important;

	.el-checkbox__label {
		font-size: 12px;
	}
}

.el-pagination {
	display: flex;
	line-height: 0;

	.btn-prev,
	.btn-next {
		display: inline-block;
		border: 0;
		height: 28px;
		line-height: 28px;
		vertical-align: top;

		&::after {
			border: 0;
		}
	}
}

.el-tree {
	&-node {
		&__label {
			margin-left: 10px;
		}
	}
}

.cl-adv-btn {
	display: flex;
}
// 覆盖element ui样式
$job-table-row-height:180px;
 .el-tooltip__popper{max-width:20%;}
 .job-table{
	 .el-table__row{
		 max-height: $job-table-row-height;
	 }
 }
 // element image组件自定义加载失败样式
 .image-slot {
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	width: 100%;
 	height: 100%;
 	background: #f5f7fa;
 }

 .app-process__item{
	 display: inline-block;
 }
